@charset "utf-8";
/* CSS Document */

div.auto_complete {
width: 350px;
background: #fff ;
}
div.auto_complete ul {
border:1px solid #888 ;
margin:0;
padding:0;
width:100%;
list-style-type:none;
}
div.auto_complete ul li {
margin:0;
padding:3px;
}
div.auto_complete ul li.selected {
background-color: #ffb ;
}
div.auto_complete ul strong.highlight {
color: #800 ;
margin:0;
padding:0;
}

.general ul {
color:#333;
text-align: right;
list-style-type: none;
margin:0;
padding:0;
}

.general ul li {
display:inline;
margin:0 0 0 10px;
}

.basic {
    /*background: url("/images/navBackground.png") repeat-x scroll center bottom transparent;*/
}

.portlet {
-moz-border-radius:15px 15px 15px 15px;
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #CCCCCC;
margin-bottom:1.5em;
position:relative;
width:99%;

}

.portlet-header {
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
/*background: url("/images/portlet-header-gray.png") repeat-x scroll center top transparent;*/
background: url("/images/navBackground.png") repeat-x scroll center transparent;
/*color:#FFFFFF;*/
color: silver;
cursor:pointer;
/*overflow:hidden;*/
padding:5px 10px;
position:relative;
}

.portlet-footer{
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
background: url("/images/navBackground.png") repeat-x scroll center bottom transparent;
color: silver;
cursor:pointer;
overflow:hidden;
padding:5px 10px;
position:relative;
}

.portlet-content {
padding:15px;
position:relative;
}

.line-label {
margin-top: 8px;
margin-bottom: 8px;
}

.line-buttons {
margin-top: 8px;
margin-bottom: 8px;
}

.line-links {
margin-top: 8px;
margin-bottom: 8px;
font-weight: bold;
}


label, span.label, .label {
display:block;
float:right;
font-weight:bold;
margin-right:5px;
padding-right:5px;
position:relative;
text-align:right;
/*width:100px;*/
max-width: 120px;
}


table {
border:1px solid #CCCCCC;
}

table thead th, table tbody tr td {
padding:5px;
}

table thead, table tfoot {
background-color: #EBEBEB;
color: gray;
}

table tbody td.action{
/*    background-color: #CCCCCC;*/
    font-weight: bold;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;

}
.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

#header {
width:100%;
height:80px;
background:url(../images/topBackground.png) repeat;
margin:0;
z-index:1;
}



body {
min-width: 600px;
margin: 0px;
font: 12px Tahoma, Verdana, Helvetica, Arial;
color:#333333;
}

h1 {
width:100%;
margin: 0 0 20px 0;
/*border-bottom:1px solid #33CC00;*/
/*font: 18px bold "Times New Roman", Times, serif;*/
font: 20px Tahoma, Verdana, Helvetica, Arial;
color:gray;
}

h2 {
width:100%;
margin: 10px 0 5px 0;
border-bottom:1px solid #33CC00;
font: 14px bold "Times New Roman", Times, serif;
color:#009900;
}

a {
color:#0F67A1;
text-decoration:none;
}

a:hover {
color:#0F67A1;
text-decoration: underline;
}


/**************************************************/

#container {
width:100%;
min-width:720px;
}


#leftBar {
width:140px;
float:left;
margin:10px 0 0 0;
padding:0;
}

#mainContent {
min-height:480px;
/*margin: 10px 0 0 150px;*/
padding: 0 0 0 10px;
border-left:1px solid #CCCCCC;
}

#footer {
width:100%;
clear:both;
margin-top: 10px;
border-top:1px #CCCCCC solid;
}


#bottom {
width:100%;
height:35px;
clear:both;
}

/*Here Starts de code for DIVS placed in the head*/
#headerAccountBox {
width:100%;
margin:0;
}

#headerAccountBox ul {
margin-right:10px;
}

#headerAccountBox ul li {
color:#FFF;
}

#headerAccountBox a{
color:#FFF;
}
#headerAccountBox select{
color:#000;
font-size:9px;
margin-top:2px;
}

#headerLogo {
width:185px;
float:left;
margin:0;
}
#headerLang {
float:right;
margin:0;
}

#headerSearch {
width:600px;
height:40px;
float:left;
margin:10px 10px 0 0;
text-align: center;
}

#headerSearch a {
font-size:11px;
color: #FFF;
}

#headerSearchOne {
width:100%;
}

#headerSearchTwo {
width:150px;
margin: 2px 0 0 0;
text-align:right;
clear:both;
}
/*Head DIVS Finish*/

/* Main Menu start */
.mainMenu,
.mainMenu ul {
text-align:left;
width:140px;
margin:0;
padding:0;
list-style: none;
}


.mainMenu li {
display:block;
padding:0 0 6px 0;
margin:0 0 10px 0;
}

.mainMenu a {
color: #555;
text-decoration:none;
font-weight:bold;
display:block;
margin:0;
padding:0 0 0 10px;

}
.mainMenu a:hover {
text-decoration:none;
}
.mainMenu ul li {
width:130px;
padding:10px 0 0 8px;
margin: 0;
border:none;
}

.mainMenu ul li a {
font-size: 11px;
font-weight:normal;
}
.mainMenu ul li a:hover {
text-decoration:underline;
}

/*Main Menu Finish*/
/**/
#footerLeft {
		float: left;
}

#footerRight {
		float: right;
}
/**/

/*Start General Propierties*/
.go {
width:65px;
margin:0;
vertical-align: top;
}
.search {
width:320px;
margin:1px 0 0 0;
}
.hidden {display:none;}

.price {
color: #000;
float:left;
margin: 0;
}

.value {
color: #FF0000;
float: left;
margin: 0 0 0 5px;
}

.author{
color:#000;
font-weight:bold;
}

.title{
color:#2D8E1B;
font-weight:bold;
line-height:20px;
}
.publisher{
color:#000;
}


/*End General Propierties*/

/**/
#signInMsg {
width:260px;
float: left;
}
#signInBox {
width:260px;
height: 180px;
margin: 0 0 0 280px;
background: #F8FAFC;
border: 1px #CCCCCC solid;
}
#signInBoxTop {
width: 100%;
height: 20px;
background:url(../images/web/navBackground.png) repeat;
margin:0;
}
#signInBoxTop p {
margin:4px 0 0 5px;
font-weight: bold;
color:#009900;
}
#signInBoxLeft {
width: 60px;
height:30px;
float: left;
margin:5px 0 0 0;
}

#signInBoxLeft p {
text-align:right;
margin-top:5px;
}
#signInBoxLeft input {
margin: 0 0 0 45px;
}

#signInBoxRight {
width:200px;
height:30px;
float: left;
margin:5px 0 0 0;
}

#signInBoxRight p {
text-align:left;
margin:0 0 0 10px;
}

#signInBoxRight input {
width:160px;
margin: 0 0 0 10px;
border: 1px #CCCCCC solid;
}

#signInBoxBottom {
width:100%;
}

#signInBoxBottom input{
width:60px;
margin: 0 0 10px 70px;
}

#signInBoxBottom a {
text-align:right;
margin:0 0 0 70px;
}
/*Services Start*/
#services {
width:100%;
}
/*Services Finish*/

/*Catalog Start*/
#showBox {
width: 180px;
float:left;
margin:5px 0 0 0;
padding:0;
}
#showBoxLeft {
width:180px;
float: none;
}

#showBoxLeft img {
float: left;
border: 1px solid #CDCDCD;
padding: 1px;
margin: 0 10px 0 0;
}

#showBoxRight {
width:180px;
float: none;
}
#showBoxRight a{
line-height: 18px;

}
/*Catalog Finish*/

/*SalesBox Start*/
#salesBox {
width: 105px;
height: 80px;
float:right;
}
#salesBox ul {
margin:0;
padding: 0;
color: #000;
}
#salesBox ul li {
	color:#555;
	float:right;
	margin: 2px 0 0 0;

}
#salesBox ul li a {
	text-decoration: underline;
	color: #000;
	font-size:11px;
	float:left;
		margin: 0 5px 0 0;
}
#salesBox ul li img {
	border:none;
	margin: 0;
	float: right;
}
/*SalesBox Finish*/